<div class="col-xs-12 col-md-3 side-right hidden-xs hidden-sm">
    <ul class="list-group about-user">
        <li class="list-group-item user-card" >
            <div class="ava">
                <a href="/ta/1">
                    <img class="img-circle" src="/assets/images/ava/default.png"/>
                </a>
            </div>
            <div class="user-info">
                <div class="nk mb10">小豆丁</div>
                <div class="mb6">
                    <a class="btn btn-success btn-xs" href="javascript:void(0);" data-id="1" rel="follow">+ 关注</a>
                </div>
            </div>
        </li>

        <li class="list-group-item">
            <div class="user-datas">
                <ul>
                    <li><strong>8</strong><span>发布</span></li>
                    <li class="noborder"><strong>0</strong><span>评论</span></li>
                </ul>
            </div>
        </li>
    </ul>
    <ul class="list-group">
        <li class="list-group-item">
            <a class="btn btn-success btn-sm" href="javascript:void(0);" data-id="10" rel="favor">喜欢</a>
            <strong id="favors">0</strong> 喜欢
        </li>
    </ul>
    <div class="widget-box shadow-box">
        <div class="title">
            <h3><i class="fa fa-users "></i> 热门用户</h3>
        </div>
        <ul id="hotuser" class="hotusers">

            <img src="/assets/images/spinner.gif">

        </ul>
    </div>

    <div class="widget-box shadow-box">
        <div class="title">
            <h3>
                <i class="fa fa-area-chart"></i> 热门文章
                <a href="" class="rrh-refresh"><i class="fa fa-refresh"></i>换一批</a>
            </h3>

        </div>
        <ul class="box-list" id="hots">
            <li class="text-center"><img src="/assets/images/spinner.gif"></li>
        </ul>
    </div>

    <div class="widget-box shadow-box">
        <div class="title">
            <h3><i class="fa fa-bars"></i> 最新发布
                <a href="" class="rrh-refresh">查看更多</a></h3>
        </div>
        <ul class="box-list" id="latests">
            <li class="text-center"><img src="/assets/images/spinner.gif"></li>
        </ul>
    </div>
</div>